import { Component, PropsWithChildren } from 'react'
import {View, Text, Image} from '@tarojs/components'
import { AtButton, AtBadge } from 'taro-ui'
import './index.scss'
import headerBg from '../../assets/headerBg.png'
import GlobalFooter from '../../components/GlobalFooter'
import Taro from "@tarojs/taro";

export default () => {

    return (
      <View className='indexPage'>
        <View className="at-article__h1 title">MBTI 性格测试</View>
        <View className="at-article__h2 subtitle">只需2分钟，就能非常准确地描述出你的性格特点</View>
        <AtButton type="primary" circle className="enterBtn" onClick={
          () => {
            Taro.reLaunch({
              url: '/pages/doQuestion/index',
            })
          }
        }>开始测试</AtButton>
        <Image src={headerBg} className="headerBg"/>
        <GlobalFooter />
      </View>
    )
}
